Адаптивная верстка

<p>Техническое задание на адаптивную вёрстку</p><p></p><p>1. Исходные материалы:</p><p>   - Ссылка на дизайн -</p><p></p><p>2. Объём работы:</p><p>   - Все страницы и состояния, указанные в макете.</p><p></p><p>3. Требования к вёрстке:</p><p>   - SEO Friendly</p><p>   - Адаптивность:</p><p>   - Семантический и валидный код.</p><p>   - Строгая семантика (header, main, footer, section, и т.д.).</p><p>   - Кроссбраузерность (современные версии)</p><p>   - Использование CSS Grid и Flexbox для макетирования.</p><p></p><p>4. Технологии:</p><p>   - Если используете Gulp или подобное оставлять две версии, developing и production в папке dist.</p><p>   - HTML5, CSS3 (SCSS предпочтительно).</p><p>   - JavaScript или jQuery.</p><p>   - Желательно использовать методологию BEM.</p><p></p><p>5. Функционал:</p><p>   - Реализация анимаций и переходов, если они указаны в макете, импровизация от исполнителя.</p><p>   - Интерактивные элементы (формы, кнопки) должны быть полностью рабочими.</p><p></p><p>6. Оптимизация:</p><p>   - Использование современных форматов изображений</p><p>   - Минимизация CSS/JS и оптимизация скорости загрузки.</p><p>   - Использовать все используемые библиотеки локально, не ссылки</p>